#header{
   .h-top{
     border-bottom: 1px solid #dadada;background: #f2f2f2;color:#666;
     a{line-height: 30px;font-size: 12px;color:#666}
     a:hover{color:red;text-decoration: underline}
     .right a{padding: 0 10px;}
     li{float: left;}
     li:nth-child(3){margin-left:5px;a{padding-left:0;}}
     li:last-child div{display: none;position: absolute}
     li:last-child:hover div{display: block;z-index:10}
   }
   .h-bot{
     height: 87px;
     padding-top:30px;
     .wrapper>div{float: left}
     .wrapper>div:nth-child(1){
       a{display:block;height: 60px;}
     }
     .logo{
       width: 394px;
     }
     .wrapper .search{
       width: 394px;margin-right: 70px;position: relative;float: right;
       .search-top{
         width: 100%;box-sizing: border-box;border: 1px solid #6b4185;
         input{width:300px;height: 36px;line-height: 36px;border: 0;padding: 0 5px;outline: none}
         span{display:inline-block;width: 80px;height: 36px;line-height:36px;background: #6b4185;float: right;color: #fff;text-align: center}
       }
       p{
         margin-top: 3px;a{font-size: 12px;color:#666;margin-right: 4px;}
       }
       a:hover{color:red;text-decoration: underline}
     }
     .wrapper .cart{
       width: 168px;height: 38px;line-height:38px;border-radius: 2px;border: 1px solid #dadada;position: relative;margin-right: 40px;
       float: right;background: #f2f2f2;
       a{float:left;display:inline-block;width:100px;height:38px;line-height:38px;font-weight: 900;font-size:14px;color:#999;}
       span{text-align:center;line-height:20px;width: 20px;height:20px;border-radius: 50%;position: absolute;top:-5px;right:21px;background: red;color:#fff}
       .icon-gouwuchekong{float:left;display:inline-block;width: 38px;height: 38px;line-height:38px;font-size: 28px;color: #6b4185;margin-left: 20px;}
        a:hover{color:red}
     }
   }

 }
#nav{background: #333;
  .navbar{
    overflow: hidden;
    >div{float: left;color:#fff}
    .category{
      width: 220px;height: 30px;background: #654579;line-height: 30px;
      p{
        text-align: center;
        .alltop{width: 12px;height: 7px;display: inline-block;margin-left: 10px;background: url(../../images/ico_arrow.png) -25px -120px no-repeat;vertical-align: middle}
      }
      .dd{
        background:#e8e3eb;z-index: 100;position:absolute;width: 220px;height: 479px;
        .dd_right{
          display: none;padding:20px 40px;width: 620px;height: 437px;border: 1px solid #654579;background: #fff;position: absolute;right:-702px;top:-1px;
          .brand{
            overflow: hidden;margin-bottom: 30px;
            dt{font-size: 12px;font-weight: 900;color: #666;}
            dd{float: left;margin-right:15px;}
          }
          .brand-bot{
            overflow: hidden;
            div:nth-child(1){
              float: left;width: 280px;
              dl{margin-bottom: 15px;}
              dt{float: left;width: 70px;}
              dd{float: right;width: 200px;margin-right: 0}
              a{font-size: 12px;color:#666;margin-right: 10px;line-height: 6px;}
              a:hover{text-decoration: underline;color: red}
            }
            div:nth-child(2){float: right;margin-right: 20px;}
          }
        }
        >dl{
          padding: 20px 20px 6px;height:93px;cursor:pointer;position: relative;
          >dt{font-size:14px;line-height: 16px;padding-bottom: 16px;span{color:#666;line-height: 16px;img{vertical-align: middle;margin-right: 10px;}}}
          >dd{
            a{color:#666;font-size: 12px;margin-right: 6px;}
            span{width: 0;height: 0;display: block;border-left: 4px;border-color: #666;position: absolute;right: 20px;top:40px;}
          }
        }
        >dl:hover{
          background: #fff;border: 1px solid #654579;border-right-color:#fff;
          .dd_right{display:block;}
        }
        >dl:nth-child(1){>div{top:-1px}}
        >dl:nth-child(2){>div{top:-120px}}
        >dl:nth-child(3){>div{top:-239px}}
        >dl:nth-child(4){>div{top:-358px}}
      }
    }
    .category:hover{.alltop{width: 12px;height: 7px;display: inline-block;margin-left: 10px;background: url(../../images/ico_arrow.png) -5px -120px no-repeat;vertical-align: middle}
    }
    .navigation{padding-left: 30px;}
    .navigation li{
      float: left;line-height: 30px;margin-right: 37px;padding: 0 10px;
      a{color: #fff}
      a:hover{color: #999}
    }
  }

}
#banner{
  background: rgb(192, 217, 230);
  height: 479px;
  img{height: 479px;}
}
#main{
  b{display:none}
  background: #f9f9f9;padding-bottom: 50px;padding-top: 90px;
  .title{
    width: 430px;height:1px;background:#676767;margin: 0 auto 16px;position: relative;
    h2{background:#f9f9f9;font-size: 30px;padding:0 10px;color: #666;font-weight: 100;position: absolute;top:-22px;left:140px;}
  }
  .smalltitle{
    padding-top: 22px;
    padding-left: 11px;
    padding-bottom: 14px;
    span:nth-child(1){display: inline-block;vertical-align:middle;width: 32px;height: 38px;line-height: 38px;margin-right: 10px;background: url(../../images/main-title.png) 0 -39px no-repeat}
    span:nth-child(2){font-size: 16px;line-height: 42px;}
    span:nth-child(3){font-size: 14px;padding-left: 28px;line-height: 42px}
  }
  .content{
    .nowday{
      height: 660px;
      ul{margin-bottom: 20px;}
      li{float: left;border: 1px solid #e5e5e5;position: relative;}
      li:hover{.add{display: block}}
      .add{
        width: 283px;cursor:pointer;background:rgba(101,69,121,0.7);height: 28px;text-align: center;color:#fff;line-height: 25px;display: none;position: absolute;top:240px;
        span{margin-right: 20px;font-size: 14px;}
      }
      .word{
        padding: 8px 26px 0;font-size: 12px;
        .price{
          padding-bottom: 8px;line-height: 30px;
          span:nth-child(1){color:#e14958}
          span:nth-child(2){font-size: 20px;color: #e14958;margin-left: -8px;}
          span:nth-child(3){text-decoration:line-through;color:#666}
          span:nth-child(4){color:#666;float: right;line-height: 35px;}
        }
        .discont{
          line-height: 18px;color:#666;font-size: 12px;
          span{color: #e34755;}
          a{color:#666}
          a:hover{text-decoration: underline;}
        }
      }
      .top>li{
        width: 283px;height: 378px;background: #fff;
        >a{width: 283px;height: 268px;display: block;background: url(../../images/find_01.jpg) no-repeat;background-size: cover;background-position: center center}

      }
      ul:nth-child(1)>li:hover{.price>span:nth-child(3){color:#6b4185}}
      ul:nth-child(1)>li+li{margin-left: 20px;}
      ul:nth-child(2)>li{width: 587px;height: 238px;border: 1px solid #e5e5e5;position: relative;float: left;background: #fff}
      .bot{
        >li{
          width: 587px;height: 238px;background: #fff;
          .choice{position: absolute;top: 0;right:20px;}
          .img{display:block;height: 238px;width: 283px;background: url(../../images/main_list02.jpg);background-position: center center;background-size: cover}
        }
        .word{width: 230px;padding: 80px 24px 0 50px;}
        .add{top:210px;}
      }
    }
    >div:nth-child(2){
      h3{font-weight: 100;line-height: 36px;font-size: 16px;padding-left: 36px;}
    }
    .global{
      color: #666;
      ul{
        background: #fff;padding-bottom: 52px;margin-bottom: 42px;padding-top: 42px;
        li:nth-child(1){margin-left: 40px;}
        li+li{margin-left: 20px;}
        li{float: left;width: 208px;height: 140px;}
      }
    }
    .everyone{
      background: #fff;
      .tab{
        padding-top: 42px;border-bottom: 1px solid #e5e5e5;margin-bottom: 40px;padding-left: 36px;height: 30px;line-height: 30px;
        li{float: left;margin-right: 10px;padding: 0 12px;border: 1px solid #e5e5e5;border-bottom: 0;cursor:pointer;height: 29px;line-height: 29px;}
        li.active{background: red;color: #fff}
      }
      .list{
        >ul{display: none};
        >ul.active{display: block}
        width: 1146px;margin: 0 27px 42px;margin-left:77px;
        li{margin-right:100px;float: left;width: 280px;padding-bottom: 20px;margin-bottom: 20px;position: relative;border: 1px solid #fff;}
        .img{width: 280px;height: 280px;display: block;background: url(../../images/main_list2_02.jpg);background-size: cover;background-position: center center;}
        .word{
          padding-left: 12px;font-size: 12px;color: #666;
          .price{
            padding: 10px 0 8px;
            span:nth-child(1){color:#e14958}
            span:nth-child(2){color:#e14958;font-size: 20px;margin-left: -8px;}
            span:nth-child(3){text-decoration: line-through}
          }
          .details{
            height: 38px;margin-bottom: 10px;line-height: 18px;
            a{color: #666;font-size: 12px}
            a:hover{text-decoration: underline}}
          .face{
            background: #fffcdb;width: 256px;height:50px;margin: 0 auto;border-radius: 25px;position: relative;
            i{width: 35px;height: 35px;display: block;float: left;border-radius: 50%;background: url(../../images/face.jpg);background-position: center center;background-size: cover;position: absolute;left: 10px;top:7px;}
            div{width: 180px;line-height: 20px;position: absolute;left: 56px;top:6px;}
          }
        }
        li:hover{box-shadow: 0 0 4px 1px #e5e5e5}
      }
    }
    .buytobuy{
      background: #fff;margin-bottom: 42px;
      >div{
        margin-left: 10px;
        dl{
          width: 394px;float: left;
          dt{line-height: 46px;text-align: center;color:#e14958;border-bottom: 1px solid #eee;}

          dd{
            position: relative;overflow: hidden;padding: 38px 20px 10px;border-bottom: 1px solid #eee;
            >span{display: block;width: 54px;height: 20px;line-height: 20px;color:#fff;padding-left: 16px;position: absolute;top: 0px;left: 0;font-size: 14px;background: #ccc}
            .left{
              >a{display: block;width: 166px;height: 166px;background: url(../../images/main_list3_01.jpg);background-size: cover;background-position: center center}
            }
            .right{
              width: 178px;color:#666;font-size: 12px;
              >a{color:#666;line-height: 18px;}
              .price{
                margin-top:20px;padding: 6px 0 10px;color:#e14958;
                span:nth-child(2){font-size: 20px;margin-left: -8px;}
                span:nth-child(3){color: #666;text-decoration: line-through}
              }
              .num{color:#999;line-height: 18px;a{color:#999}}
              a:hover{text-decoration: underline}
            }
          }
          dd:nth-child(1){>span{background: #e14958}}
          dd:nth-child(2){>span{background: #e14958}}
          dd:nth-child(3){>span{background: #e14958}}
          dd:nth-child(4){>span{background: #e14958}}
          dd.small{
            height:52px;padding: 0;
            .price{display: none};
            .num{display: none};
            .left{
              >a{width: 45px;height: 45px;position: absolute;left:100px;top:5px}
            }
            .right{
              >a{position: absolute;top:18px;right:20px;width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
            }
          }
        }
      }
    }
    .newhorse{
      background: #fff;padding-top: 42px;
      .list{
        width: 1146px;margin: 0 27px 42px;margin-left:77px;
        li{margin-right:100px;float: left;width: 280px;padding-bottom: 20px;margin-bottom: 20px;position: relative;border: 1px solid #fff;}
        .img{width: 280px;height: 280px;display: block;background: url(../../images/main_list2_02.jpg);background-size: cover;background-position: center center;}
        .word{
          padding-left: 12px;font-size: 12px;color: #666;
          .price{
            padding: 10px 0 8px;
            span:nth-child(1){color:#e14958}
            span:nth-child(2){color:#e14958;font-size: 20px;margin-left: -8px;}
            span:nth-child(3){text-decoration: line-through}
          }
          .details{
            height: 38px;margin-bottom: 10px;line-height: 18px;
            a{color: #666;font-size: 12px}
            a:hover{text-decoration: underline}}
          .face{
            background: #fffcdb;width: 256px;height:50px;margin: 0 auto;border-radius: 25px;position: relative;
            div{width: 220px;line-height: 20px;position: absolute;left: 20px;top:6px;}
          }
        }
        li:hover{box-shadow: 0 0 4px 1px #e5e5e5}
      }
    }
  }
  .sale{
    li:hover{box-shadow: 0 0 4px 1px #e9e9e9}
    >.left{
      width: 786px;
      li{
        margin-bottom: 19px;background: #fff;
        >a{
          width: 492px;height: 280px;display: block;
          .img{width: 280px;height: 280px;margin: 0 auto;background: url(../../images/sale.jpg);background-size: cover;background-position: center center}
        }
        >div{
          padding: 0 26px;width: 240px;float: right;font-size: 12px;
          .timer{
            width: 194px;height:26px;line-height: 26px;font-size: 14px;color:#fff;background: #333;margin: 0 auto 20px;text-align: center;font-weight: 900;
            span{display: inline-block;margin: 0 5px}
          }
          .discont{
            height: 34px;line-height: 16px;margin-bottom: 10px;
            span{color:#e14958}
            a{color:#666;}
            a:hover{text-decoration: underline}
          }
          .intro{color:#888;margin: 4px 0 20px;line-height: 18px;height: 70px;}
          .price{
            color:#e14958;font-size: 12px;
            span:nth-child(2){font-size: 20px;margin-left: -8px;}
            span:nth-child(3){color:#888;text-decoration: line-through}
          }
          .btn{
            a{display:inline-block;width: 140px;height: 38px;line-height: 38px;margin-top: 24px;color:#fff;background:#e14958;text-align: center;font-size: 16px;}
            a:hover{text-decoration: underline}
            span{margin-left: 20px;color:#888}
          }
        }
      }

      .more{
          line-height: 26px;background: #f3f3f3;text-align: center;border: 1px solid #e0e0e0;cursor:pointer;font-size: 12px;color:#666
      }
    }
    .right{
      width: 386px;
      .sale_right_title{
        font-size: 18px;text-align: center;padding-bottom: 10px;
        p:nth-child(2){font-size:14px;line-height: 24px}
      }
      ul{
        li{
          background: #fff;height: 195px;margin-bottom: 19px;
          >a{
            display: block;float: left;
            div{
              width: 236px;height: 193px;background: url(../../images/sale_right.jpg);background-size: cover;background-position: center center;
            }
          }
          >div{
            padding: 18px 13px 0;color:#666;font-size: 12px;
            p:nth-child(1){
              height: 50px;margin-bottom: 10px;line-height: 16px;
              a{color:#666;}
              a:hover{text-decoration: underline}
            }
            p:nth-child(2){color:#888;margin: 4px 0 20px;height: 70px;line-height: 18px;}
            div{
              a{
                color:#666;
                span{display: inline-block;width:18px;height:15px;vertical-align: middle;background: url(../../images/ico.png);background-position: -23px -2px;}
              }
              button{
                width: 75px;height: 20px;line-height: 16px;background: #e14958;color:#fff;text-align: center;border: 1px solid #e14958;font-size: 12px;outline: none;
              }
            }
          }
        }
      }
      .turn{
        text-align: center;width: 140px;margin: 0 123px;
        div{
          width: 20px;height: 16px;cursor:pointer;vertical-align: middle;display: inline-block;background: url(../../images/ico_arrow.png);
         }
        .turnup{background-position: -29px -2px;margin-right: 25px}
        .turndown{background-position: 0 -2px}
      }
    }
  }
}
